<template>

	<view class="container">
			<!-- 模板中使用$t() -->
		<view class="title">{{$t('输入框填充占位')}}</view>
		<view class="title">{{$t('输入框填充占多少位',{number:2})}}</view>
		<button type="button" @click="handleChangeLanguage">切换语言</button>
		<!-- <wd-button type="success">成功按钮</wd-button> -->
		<!-- <wd-pagination v-model="value" @change="handleChange" /> -->
	</view>
	<wd-calendar type="daterange" v-model="value" @confirm="handleConfirm" />
</template>
<script>
	import { Locale } from '../../uni_modules/wot-design-uni'
	import enUS from '../../uni_modules/wot-design-uni/locale/lang/en-US'
	import zhCN from '../../uni_modules/wot-design-uni/locale/lang/zh-CN'
	export default{
		created() {
				Locale.use('zh-CN', zhCN)
		}
	}
	
	
	

</script>
<script setup>
	import { useI18n } from "vue-i18n" 
	
	const location = ref(true)
	console.log(Locale,'Locale')
	const { locale, t } = useI18n()
	function handleChange({ value }) {
	  console.log(value)
	}
	const handleChangeLanguage = ()=>{
		// locale.value = 'zh-Hans'
		if(location.value === true){
			Locale.use('en-US', enUS)
			location.value=false
		}else{
			Locale.use('zh-CN', zhCN)
			location.value=true
		}
		
	
	}
	// // import { Locale } from 'wot-design-uni'
	// // 引入英文语言包
	// import enUS from 'wot-design-uni/locale/lang/en-US'
	
	// Locale.use('en-US', enUS)
	// console.log(this,'app.config.globalProperties.$t = i18nInstance.global.t')

// export default {
// 	// data() {
//  //    return {
// 	// 		value: 0
//  //    };
//  //  },
//  //  onLoad() {
//  //    // 初始化地图
// 	// this.$i18n.locale = 'zh-Hans'
//  //  },
//  //  methods: {
// 	// 	open() {
// 	// 		this.$refs.calendar.open();
// 	// 	},
// 	// 	confirm(e) {
// 	// 		console.log('日历选择：',e)
// 	// 	},
		// const lang = ref('en')
  //   function handleChangeLanguage() {
		// 	console.log(222)
  //     if (lang.value === 'zh-Hans') {
  //   	lang.value = 'en'
  //   	this.$i18n.locale = lang.value
  //   	// uni.setStorageSync('lang', this.lang)
  //     } else {
  //   	lang.value = 'zh-Hans'
  //   	this.$i18n.locale = lang.value
  //   	uni.setStorageSync('lang', this.lang)
  //     }
  //   }


// }
</script>

<style>
</style>
